<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
    />
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" type="text/css" href="../css/reset.css" />
    <link rel="stylesheet" type="text/css" href="../css/pages/celebrity.css">
    <link rel="stylesheet" type="text/css" href="../css/public.css">
    <link rel="stylesheet" type="text/css" href="../swiper/swiper.min.css">
    <script src="../js/reset.js"></script>
    <title></title>
</head>

<body>
    <div class="container">
        <header>
            <div style="font-size: 12px;" class="logo">
                <a href="../index.html"><img src="../img/images/LOGO.png" alt=""></a>
            </div>
            <div class="meun">
                <div class="more"></div>
                <span>洋葱抖音名人</span>
            </div>
            <div class="meun-bar">
				<div class="head">
					<div style="font-size: 12px;" class="logo">
						<img src="../img/images/LOGO.png" alt="">
					</div>
					<div class="inner-meun close">
						<div class="more close"></div>
						<span>抖音名人</span>
					</div>
				</div>
                <ul class="yiji">
                    <li>
                        <a href="../index.html">首页</a>
                    </li>
                    <li>
                        <a href="celebrity.html">洋葱抖音名人</a>
                    </li>
                    <li>
                        <!--newsInformation.html-->
                        <a href="#" class="inactive">新闻资讯</a>
                        <ul style="display: none">
                            <li class="last">
                                <a href="#">123</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <!--newsInformation.html-->
                        <a href="#" class="inactive">洋葱抖音</a>
                        <ul style="display: none">
                            <li class="last">
                                <a href="#">123</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="introduction.html">联系我们</a>
                    </li>
                    <li>
                        <!--newsInformation.html-->
                        <a href="#" class="inactive">洋葱服务</a>
                        <ul style="display: none">
                            <li class="last">
                                <a href="#">123123</a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <!--<ul>
                    <li>
                        <a href="successfulCases.html">成功案例</a>
                    </li>
                    <li>
                        <a href="introduction.html">公司介绍</a>
                    </li>
                    <li>
                        <a href="joinUs.html">加入我们</a>
                    </li>
                    <li>
                        <a href="informationPlatform.html">平台资讯</a>
                    </li>
                    <li>
                        <a href="../index.html">首页</a>
                    </li>
                    <li>
                        <a href="newsInformation.html">新闻资讯</a>
                    </li>
                    <li>
                        <a href="onionTrill.html">洋葱抖音</a>
                    </li>
                    <li>
                        <a href="onionService.html">洋葱服务</a>
                    </li>
                    <li>
                        <a href="onionThink-tank.html">洋葱智库</a>
                    </li>
                    <li>
                        <a href="businessIntroduction.html">业务介绍</a>
                    </li>
                </ul>-->
            </div>
        </header>
        <div class="content">
            <div class="banner">
                <div class="swiper-banner-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="../img/images/洋葱抖音名人.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--洋葱抖音名人-->
        <div class="celebrity">
            <div class="title">
                <p>CELEBRITIES WITH ONIONS</p>
                <p>洋葱抖音名人</p>
            </div>
            <div class="ce-block">
                <div class="imgs">
                    <img src="../img/images/代古拉K.jpg" alt="">
                </div>
                <div class="masg">
                    <p class="name">办公室小野
                        <span></span>
                    </p>
                    <p class="fans">
                        <label>粉丝数：</label>
                        <span>935W</span>
                    </p>
                    <p class="like">
                        <label>赞赏数：</label>
                        <span>1935W</span>
                    </p>
                </div>
            </div>
            <div class="ce-block">
                <div class="imgs">
                    <img src="../img/images/FW分成.png" alt="">
                </div>
                <div class="masg">
                    <p class="name">办公室小野
                        <span></span>
                    </p>
                    <p class="fans">
                        <label>粉丝数：</label>
                        <span>935W</span>
                    </p>
                    <p class="like">
                        <label>赞赏数：</label>
                        <span>1935W</span>
                    </p>
                </div>
            </div>
            <div class="ce-block">
                <div class="imgs">
                    <img src="../img/images/FW分成.png" alt="">
                </div>
                <div class="masg">
                    <p class="name">办公室小野
                        <span></span>
                    </p>
                    <p class="fans">
                        <label>粉丝数：</label>
                        <span>935W</span>
                    </p>
                    <p class="like">
                        <label>赞赏数：</label>
                        <span>1935W</span>
                    </p>
                </div>
            </div>
            <div class="ce-block">
                <div class="imgs">
                    <img src="../img/images/FW分成.png" alt="">
                </div>
                <div class="masg">
                    <p class="name">办公室小野
                        <span></span>
                    </p>
                    <p class="fans">
                        <label>粉丝数：</label>
                        <span>935W</span>
                    </p>
                    <p class="like">
                        <label>赞赏数：</label>
                        <span>1935W</span>
                    </p>
                </div>
            </div>
            <div class="ce-block">
                <div class="imgs">
                    <img src="../img/images/FW分成.png" alt="">
                </div>
                <div class="masg">
                    <p class="name">办公室小野
                        <span></span>
                    </p>
                    <p class="fans">
                        <label>粉丝数：</label>
                        <span>935W</span>
                    </p>
                    <p class="like">
                        <label>赞赏数：</label>
                        <span>1935W</span>
                    </p>
                </div>
            </div>
            <div class="ce-block">
                <div class="imgs">
                    <img src="../img/images/FW分成.png" alt="">
                </div>
                <div class="masg">
                    <p class="name">办公室小野
                        <span></span>
                    </p>
                    <p class="fans">
                        <label>粉丝数：</label>
                        <span>935W</span>
                    </p>
                    <p class="like">
                        <label>赞赏数：</label>
                        <span>1935W</span>
                    </p>
                </div>
            </div>
            <div class="ce-block">
                <div class="imgs">
                    <img src="../img/images/FW分成.png" alt="">
                </div>
                <div class="masg">
                    <p class="name">办公室小野
                        <span></span>
                    </p>
                    <p class="fans">
                        <label>粉丝数：</label>
                        <span>935W</span>
                    </p>
                    <p class="like">
                        <label>赞赏数：</label>
                        <span>1935W</span>
                    </p>
                </div>
            </div>
        </div>
        <footer>
            <div class="footer">

            </div>
        </footer>
    </div>
    <script src="../js/jquery-3.3.1.min.js"></script>
    <script src="../js/public.js"></script>
</body>

<script src="../swiper/swiper.min.js"></script>
<script>
    $(function () {
        $('.meun-bar').hide();
        $('.meun').on('touchstart', function () {
            console.log(123);
            $('.meun-bar').show();
        })
        //         $(document).click(function (e) {
        //             var target = $(e.target);
        //             if (target.closest(".meun").length != 0) return;
        //             $(".meun-bar").hide();
        // 
        //         });
    });
    var bannerSwiper = new Swiper('.swiper-banner-container', {
        // loop: true,
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },
    })
</script>

</html>
